<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            text-align: center;
            line-height: 1;
            letter-spacing: 15px;
        }

      /*   span{
            width: 100px;
            height: 40px;
            border: 1px solid skyblue;
            line-height: 30px;
            margin-right: 10px;
        } */
    </style>
</head>
<body>
    


 <script>
/*  for (var j = 1; j <= 9; j++) {
    for (var i = 1; i <= j; i++) {   
      document.write(`<span>${i}*${j}=${i*j}</span>`);
    }
    document.write("<br>");
   }
 */
/* 
       function fn(a,b){
        for (var j = 0; j < a; j++) {
     for (var i = 0; i < b; i++) {
         document.write("*")
       }
      document.write("<br>");
     }
       } 
fn(3,3);
fn(5,4);
fn(6,6); */

var str = "*"


function b(c){
    for (var j = 0; j < c; j++) {


for (var i = 0; i < j; i++) {
     document.write("*")
      }
     
document.write("<br>");
   }
}




function a(b)
{
    for (var j = 0; j < b; j++) {


for (var i = 0; i < b; i++) {
     document.write("*")
      }

      
document.write("<br>");
   }
}

b(10);
b(15);
b(20);
a(5);



    </script>
</body>
</html>